<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Login Modal</title>
    <link rel="stylesheet" href="css/return.css/denglu.css">
</head>

<body>
    <div class="xh-regbox xh-window">
        <div class="xh-title">登录</div>
        <form class="xh-form">
            <div class="xh-form-group">
                <label class="required">用户名/邮箱/手机</label>
                <input type="text" id="login_name" name="login_name" placeholder="请输入用户名，邮箱或手机" class="form-control">
            </div>
            <div class="xh-form-group">
                <label class="required">密码</label>
                <input type="password" id="login_password" name="login_password" placeholder="" class="form-control">
            </div>
            <div class="xh-input-group" style="width:100%;">
                <input name="captcha" type="text" id="captcha" maxlength="6" class="form-control" placeholder="图形验证码">
            </div>
            <div class="xh-form-group mt10">
                <button type="button" onclick="login();"
                    class="xh-btn xh-btn-primary xh-btn-block xh-btn-lg">登录</button>
            </div>
            <div class="xh-form-group xh-mT20">
                <label>快速登录</label>
                <div class="xh-social">
                    <a title="手机" href="#" class="xh-social-item xh-mobile"></a>
                    <a title="QQ" href="#" class="xh-social-item xh-qq"></a>
                    <a title="微博" href="#" class="xh-social-item xh-weibo"></a>
                </div>
            </div>
        </form>
        <div class="xh-user-register xh-w">
            <a href="zhece.html">注册</a>|<a href="#">忘记密码？</a>
        </div>
        <a class="xh-close" href="javascript:void(0);"></a>
    </div>
    <div class="login-popup">
        <div class="xh-regbox xh-window">
            <div class="xh-title">登录</div>
            <form class="xh-form">
                <div class="xh-form-group">
                    <label class="required">用户名/邮箱/手机</label>
                    <input type="text" id="login_name" name="login_name" placeholder="请输入用户名，邮箱或手机"
                        class="form-control">
                </div>
                <div class="xh-form-group">
                    <label class="required">密码</label>
                    <input type="password" id="login_password" name="login_password" placeholder=""
                        class="form-control">
                </div>
                <div class="xh-input-group" style="width:100%;">
                    <input name="captcha" type="text" id="captcha" maxlength="6" class="form-control"
                        placeholder="图形验证码">
                </div>
                <div class="xh-form-group mt10">
                    <button type="button" onclick="login();"
                        class="xh-btn xh-btn-primary xh-btn-block xh-btn-lg">登录</button>
                </div>
                <div class="xh-form-group xh-mT20">
                    <label>快速登录</label>
                    <div class="xh-social">
                        <a title="手机" href="#" class="xh-social-item xh-mobile"></a>
                        <a title="QQ" href="#" class="xh-social-item xh-qq"></a>
                        <a title="微博" href="#" class="xh-social-item xh-weibo"></a>
                    </div>
                </div>
            </form>
            <div class="xh-user-register xh-w">
                <a href="zhece.html">注册</a>|<a href="#">忘记密码？</a>
            </div>
            <a class="xh-close" href="javascript:void(0);"></a>
        </div>

    </div>
    <script>
        function login() {
            var login_name = document.getElementById('login_name').value;
            var login_password = document.getElementById('login_password').value;
            var captcha = document.getElementById('captcha').value;

            // 执行登录逻辑
            window.location.href = 'index.html';
        }
    </script>
</body>

</html>